메뉴
자바스크립트 메뉴를 제어하는 스크립트 모음입니다.
[1] 페이지 이동시 열려진 하위메뉴가 보존되는 소스입니다. [Preview]
페이지 이동시 열려진 하위메뉴가 보존되는 소스입니다..

원리는 숨겨진 프레임으로 값을 넘겨서 페이지 로드시
그 값을 참고하는걸로 미리보기를 참고해보세요.. ^^

>> 2004-10-25 수정
하위메뉴가 없는 메뉴도 가능하도록 수정했습니다.. ^^
[2] 클릭된 메뉴가 최상단으로 이동하는 소스 [Preview]
메뉴를 클릭하면 클릭된 항목이 메뉴 최상단으로 위치하는 소스입니다.
[3] 트리형식의 메뉴입니다.. [Preview]
트리형식의 메뉴입니다..

보이는건 이전에 올린 소스와 똑같지만..
그 소스는 테이블에 넣으면 문제가 생기는데 비해
이 소스는 생기지 않습니다.. ^^

[4] 페이드되는 텍스트 메뉴입니다 [Preview]
메뉴 상단부터 차례대로 색이 내려가는 듯한 느낌을 주는 소스입니다.
[5] 플래시와 같이 위에서 하나씩 내려오는 메뉴 + 에니매이션 효과 [Preview]

마치 플래시처럼 텍스트가 역동적으로 위에서 내려옵니다

이미지를 사용할 수도 있습니다

게다가 링크에 마우스를 가져가면 애니메이션효과도 있습니다
[6] 레이어로 구성된 메뉴로 배경색이 롤오버된 메뉴로 이동합니다. [Preview]
레이어로 이루어진 메뉴입니다...

레이어 메뉴에 마우스를 올리면 그 올라간 레이어 부분에 배경색이 이동됩니다..

[7] 주 메뉴에 마우스 오버시 메뉴에 대한 내용이 슬라이드되어 나옵니다. [Preview]
매직님께서 올린소스(링크를 클릭하면 화면이 바뀌는)를 수정해서 마우스 오버시마다 바뀌게 했습니다.
[8] 프레임을 띄어넘는 메뉴소스 입니다 [Preview]
프레임을 뛰어넘는 메뉴소스 입니다.

소스를 보니깐 레이어로 된 메뉴고 레이어 열림을 타겟을 넘기는거 같네요...

미리보비 보세요..
압축파일은 미리보기에 있습니다.
[9] 레이어로 이루어진 간단한 메뉴 소스 입니다.. [Preview]
레이어로 이루어진 진짜 간단한 메뉴 소스 입니다...

메뉴 추가에 대한 설명은 자스소스에 붙여뒀습니다..
[10] 주메뉴만 보이다가 주메뉴를 클릭하면 부메뉴를 보여줍니다. 53번과 같은 예제입니다. [Preview]
53번의 예제는 항상 부메뉴를 보여주게 되어 있습니다.
항상 주메뉴만 보이게 되는 소스가 필요하다고 해서 style을 수정했습니다.

당근 이미지는 원하시는걸로 만들어서 넣어 주시면 됩니다.
[11] 풀다운 링크 체인저(?) 소스 입니다.. [Preview]
풀다운 링크 체인저 입니다..

풀다운 메뉴의 url을 누르면 아래 링크 소스가 바뀌어 버립니다..

소스도 간단하니 보시면 괜찮을듯 합니다..
[12] 탭폼(?) 메뉴 입니다.. [Preview]
탭폼(?) 메뉴 입니다..

간단한 수정으로 인해서 여러개의 탭을 만들 수 있으며
잘만 사용하면 1개의 페이지로 홈페이지를 제작하실 수 있습니다.
[13] 부드러운(?) 슬라이드 메뉴 입니다.. [Preview]
메뉴가 부드럽게 슬라이딩 되는 소스 입니다..

개인적으로는 괜찮게 보이는 메뉴 입니다.. ^^
[14] 텍스트로만 된 메뉴 만들기 예제/ 부메뉴의 크기를 조정할 수 있습니다. [Preview]

부메뉴의 크기를 조정하기 쉽게 고친 예제입니다.

각 부메뉴의 시작은
<DIV class=popup style="width:500">
입니다.
여기서 width를 조정해주면 됩니다.

또 부메뉴를 나오지 않게 하기 위해서는
<!--DIV class=popup width=200>
<P align="center">상품소개 배랑 복숭아랑
</P></DIV--></TD>

처럼 부메뉴의 DIV를 주석처리해버리면 됩니다.


[15] 간단한 설명과 이동이 되는 메뉴 소스 입니다. [Preview]
메뉴에 간단한 설명이 나오며 또 타이틀 부분을 드래그 하면
메뉴가 이동되는 그런 소스 입니다..

메뉴 구성도 쉽고 해서 꽤 괜찮은 소스 입니다.
[16] 수직으로 부메뉴가 열립니다, 넷스케이프에서도 됩니다. [Preview]
넷스케이프에서도 작동되는 수직 부메뉴 스타일입니다.
약간의 문제가 있을수도 있지만 기본적인 프로그램이 되어 있어서
수정이 가능합니다.

응용하시면 풀다운 메뉴로도 변경이 가능합니다.

[17] dot로 이루어진 메뉴 소스 입니다. [Preview]
Dot로 이루어진 메뉴이며 괜찮은 메뉴라고 보고 있습니다..
그리고 메뉴 항목 만들기도 쉽구요..

제가 메뉴 만드는법 설명을 이상하게 했습니다.. ^^;;
보고 이해 안되시면 질답 게시판에 메뉴 항목이랑 글 올려 주세요..
[18] 수직 부메뉴와 주 메뉴 주위에 테두리 생기는 메뉴 스타일 에제입니다. [Preview]
무료제작코너에 의뢰하신분이 있어 만들어 봤습니다.
주메뉴가 하얀 바탕에 테두리가 생기는 거구요.

부메뉴는 주메뉴를 클릭하면 나옵니다.

[19] 트리 구조 메뉴 소스 입니다. [Preview]
트리구조 메뉴 소스 입니다.

이 게시판에 이 메뉴와 비슷한 소스가 있지만..
이게 메뉴를 구성하기 쉽게 보이더군요..
타겟 설정도 쉽구요.. ^^
[20] 페이드 메뉴 소스 [Preview]
페이드 메뉴 소스입니다..
메뉴는 괜찮지만.. 페이지 때문에 시스템 속력이 떨어지는게 있네요..
머.. 메뉴가 다시 원상태로 돌아가면 괜찮아 지지만여.. ^^;;
    [1] [2] [3] [4] [5]    
Javascript Source List :